﻿<#include "/code/front/include/head.ftl" />
<#assign cases = dq.getDataByName('经典案例')![] />
<main class="main-workspage">

    <#include "/code/front/include/header.ftl">

    <!-- Projects -->
    <section class="projects-area">
        <div class="container">
            <h1 class="section-heading" data-aos="fade-up"><img src="assets/images/star-2.png" alt="Star"> 经典案例 <img
                        src="assets/images/star-2.png" alt="Star"></h1>
            <div class="row">
                <#list cases as cas>
                    <div class="col-md-4">
                        <div data-aos="zoom-in">
                            <div class="project-item shadow-box">
                                <a class="overlay-link" href="/work-details?id=${cas.data_id}"></a>
                                <img src="assets/images/bg1.png" alt="BG" class="bg-img">
                                <div class="project-img">
                                    <img src="${cas.cover!}" alt="Project">
                                </div>
                                <div class="d-flex align-items-center justify-content-between">
                                    <div class="project-info">
                                        <p>${cas.description!}</p>
                                        <h1>${cas.title!}</h1>
                                    </div>
                                    <a href="/work-details?id=${cas.data_id}" class="project-btn">
                                        <img src="assets/images/icon.svg" alt="Button">
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </#list>
            </div>
        </div>
    </section>

    <#include "/code/front/include/footer.ftl" />

</main>


</body>
</html>
